<template>
    <div class="week">
    <h2>周末去哪儿</h2>
    <div v-for ="item in weekendGoods" :key="item.goodsId">
        <a href="" class="content">
        <img class="week-img" :src="item.image" alt="">
        <p >{{item.slogan1}}</p>
        <p class="slogan2">{{item.slogan2}}</p>
        </a>
        
    </div>
    </div>
</template>

<script>
    export default {
        name:"HomeWeekend",
        props:{
            weekendGoods:Array
        }
       
    }
</script>

<style lang="stylus" scoped>
.week
  width 100%
  margin-top .2rem
  background-color #fff
.week h2
   padding .2rem 0 .2rem .2rem  
  .content
    display block
    width 100%
    border-bottom 1px solid #eee
    padding-bottom .1rem
   .content p 
       padding .2rem 0 0 .2rem  
       color #212121 
    .week-img
      width 100%
    .slogan2
      color #616161 !important  
    
</style>